<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="utf-8"/>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta content="email=no" name="format-detection"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" href="/fascinating.css"/>
    <title>盒子鱼英语</title>
</head>
<body>
<style>
    .cov {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        display: none;
        position: absolute;
        text-align: center;
        font-size: 16px;
        box-shadow: 0px 0px 5px black;
    }

    .con {
        z-index: 1100;
        width: 600px;
        height: 400px;
        background-color: white;
        position: fixed;
        right: 30%;
        top: 30%;
        position: fixed;
        box-shadow: 0px 0px 15px black;
    }

    .ptitle {
        width: 100%;
        height: 35px;
        background-color: #3daae9;
        color: white;
        line-height: 35px;
    }

    .dbt {
        border-radius: 5px;
        width: 70px;
        height: 30px;
        background-color: #3daae9;
        right: 20px;
        bottom: 20px;
        position: absolute;
        line-height: 30px;
        color: white;
    }
</style>
<div class="cov">
    <div class="con">
        <p class="ptitle">详细信息</p>
        <iframe frameborder="0" allowfullscreen="allowfullscreen" hidden="hidden" src="http://34.120.112.43/bs2/kwaigo-brazil/kwaipro-pending-audit-video-150000187277203.mp4" width="400" height="200"></iframe>
        <div onclick="closeCon();" class="dbt">确定</div>
    </div>
</div>
<button onclick="showCon();">xxxxxx</button>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</body>

<script>

    function showCon() {
        $(".con iframe").removeAttribute("hidden");
    }

    function closeCon() {
        $(".cov").hide();
    }
</script>
</html>